﻿@{
    Layout = "~/Views/Shared/MainLayout.cshtml";
}

<link href="/Content/busyIndicator/busyIndicator.css" rel="stylesheet" type="text/css" />
<link href="/Content/ooGrid/ooGrid.default.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/BusyIndicator.js" type="text/javascript"></script>
<script src="/Scripts/OOPager.js" type="text/javascript"></script>
<script src="/Scripts/Linq.js" type="text/javascript"></script>
<script src="/Scripts/oogrid.js" type="text/javascript"></script>

<div id="demoPage">
    <div class="leftcol">
        <div class="nav-wrap">
            <a href="javascript:LoadDemo('Ajax')">First Look - Ajax Mode</a>
            <a href="javascript:LoadDemo('FirstLook')">First Look</a>
            <a href="javascript:LoadDemo('CellFormater')">Cell Formater</a>
            <a href="javascript:LoadDemo('CellTemplate')">Cell Formater</a>
        </div>
    </div>
    <div class="rightcol">
        <div id="demoContainer">
            
        </div>
    </div>
    <div class="clear"></div>
</div>


<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        LoadDemo("Ajax");
    });
    
    function LoadDemo(actionName) {
        $.busy({
            request: $("#demoContainer").load("/Demo/" + actionName, "", function () {
                $.busy(false)
            }),
            delay: 100
        });
    }
    
</script>

